<template>
  <div>
    <!--content-->
    <BlogItem :blogList="blogList" v-viewer />
    <!--分页-->
    <Pagination :loadData="loadData" :totalPage="totalPage" />
  </div>
</template>

<script>
import BlogItem from './BlogItem'
import Pagination from './Pagination'

export default {
  name: 'BlogList',
  components: { Pagination, BlogItem },
  props: {
    loadData: {
      type: Function,
      required: true
    },
    blogList: {
      type: Array,
      required: true
    },
    totalPage: {
      type: Number,
      required: true
    }
  }
}
</script>

<style scoped></style>
